import React, {Component} from 'react'
class ComponentB extends React.Component {
  state = {
    val: '7878'
  }
  show(arg1,arg2,e) {
    console.log('参数：',arg1,arg2);
    console.log('事件对象：',e.target);
  }
  showVal(e) {
    console.log('事件对象：',e.target.value);
    this.setState({
      val: e.target.value
    })
  }
  render() {
    return <div className="div1">
      <button onClick={(e) => this.show(2,this.state.val,e)}>事件对象ES6</button>
      <button onClick={this.show.bind(this,'ES',5)}>事件对象ES5</button>
      {/* <input @change="showVal" :value="val"> */}
      {/* 给输入框的value绑定this.state.value的值，然后通过onChange监听输入框的变化，通过e.target.value获取输入框最新的值，通过setState方法，更新value */}
      <input onChange={(e) => this.showVal(e)} value={this.state.val} />
      <p style={{color: 'red'}}>{this.state.val}</p>
    </div>
  }
}
export default ComponentB